<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:pe="http://primefaces.org/ui/extensions"
	xmlns:p="http://primefaces.org/ui" template="/layout/template.xhtml">
	<ui:define name="body">
		<h1 class="title ui-widget-header ui-corner-all">#{message['cobranza.seguimiento']}</h1>
		<h:form id="parametrosList" prependId="false">
			<p:messages id="message" showDetail="true" />
			<p:fieldset legend="#{message['cobranza.lista']}">
				<p:dataTable id="listaPersonas" var="p" value="#{seguimientoCobranzaOpera.cobranzaOperaList}"
					widgetVar="cobranzatable" emptyMessage="#{message['rsltd.empty']}"
					filteredValue="#{seguimientoCobranzaOpera.filtrarCobranza}"
					paginator="true" rows="10"  rowsPerPageTemplate="5,10,15" 
					rowStyleClass="#{p.tbEstadoGeneral.idestadogeneral == 109 ? 'verdeLimon':null }"
					paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}">
					<f:facet name="header">
						<p:outputPanel>
							<h:outputText value="#{message['buscar']}" />
							<p:inputText id="globalFilter" onkeyup="cobranzatable.filter()"
								style="width:150px; align:Left; " />
						</p:outputPanel>
					</f:facet>
					<p:column filterBy="#{p.tbCobranza.tbContrato.codcontrato}">
						<f:facet name="header">
							<h:outputText value="#{message['cobranza.lista.contrato']}" />
						</f:facet>
						<h:outputText value="#{p.tbCobranza.tbContrato.codcontrato}" />
					</p:column>
					<p:column filterBy="#{p.tbCobranza.tbCliente.nombresCompletos}">
						<f:facet name="header">
							<h:outputText value="#{message['cobranza.lista.cliente']}" />
						</f:facet>
						<h:outputText value="#{p.tbCobranza.tbCliente.nombresCompletos}" />
					</p:column>
					<p:column filterBy="#{p.tbCobranza.numletra}">
						<f:facet name="header">
							<h:outputText value="#{message['cobranza.num.cuota']}" />
						</f:facet>
						<h:outputText value="#{p.tbCobranza.numletra}" />
					</p:column>
					<p:column filterBy="#{p.tbCobranza.tbCliente.numdocumento}">
						<f:facet name="header">
							<h:outputText value="#{message['cobranza.lista.numDoc']}" />
						</f:facet>
						<h:outputText value="#{p.tbCobranza.tbCliente.numdocumento}" />
					</p:column>
					<p:column>
						<f:facet name="header">
							<h:outputText value="#{message['cobranza.lista.tipo']}" />
						</f:facet>
						<h:outputText value="#{p.tbCobranza.tbCliente.tbTipoCliente.descripcion}" />
					</p:column>
					<p:column filterBy="#{p.fechaProgramadaString}">
						<f:facet name="header">
							<h:outputText value="#{message['cobranza.lista.hora.programada']}" />
						</f:facet>
						<h:outputText value="#{p.fechaProgramadaString}" />
					</p:column>
					<p:column headerText="#{message['cobranza.seleccionar']}">
						<p:commandButton value="#{message['cobranza.mostrar']}" ajax="false"
							action="#{seguimientoCobranzaOpera.mostrar}">
							<f:setPropertyActionListener value="#{p}"
								target="#{seguimientoCobranzaOpera.objCobranzaOpera}" />
						</p:commandButton>
					</p:column>
				</p:dataTable>
			</p:fieldset>
		<p:fieldset id="parametrosList2" rendered="#{seguimientoCobranzaOpera.idcontrato!=0}" >
			<h:panelGrid columns="3" cellpadding="5" >
				<p:fieldset legend="#{message['cobranza.datos.cliente']}" style="margin-top:20px">
					<h:panelGrid columns="2" cellpadding="5" >
						<h:outputText value="#{message['cobranza.nombre']}" />
						<h:outputText value="#{seguimientoCobranzaOpera.objcliente.nombrecliente}"  style="font-weight:bold"/>
						<h:outputText value="#{message['cobranza.apepat']}" />
						<h:outputText value="#{seguimientoCobranzaOpera.objcliente.apepatcliente}"  style="font-weight:bold"/>
						<h:outputText value="#{message['cobranza.apemat']}" />
						<h:outputText value="#{seguimientoCobranzaOpera.objcliente.apematcliente}"  style="font-weight:bold"/>
						<h:outputText value="#{message['cobranza.tipoDoc']}" />
						<h:outputText value="#{seguimientoCobranzaOpera.objcliente.tbTipoDocumentoIdentidad.descripcion}" style="font-weight:bold"/>
						<h:outputText value="#{message['cobranza.numeroDocumento']}" />
						<h:outputText value="#{seguimientoCobranzaOpera.objcliente.numdocumento}"  style="font-weight:bold"/>
						<h:outputText value="#{message['cobranza.correo']}" />
						<h:outputText value="#{seguimientoCobranzaOpera.objcliente.correo}" />
						<h:outputText value="#{message['cobranza.direccion']}" />
						<h:outputText value="#{seguimientoCobranzaOpera.objcliente.directrabajo}" />
						<h:outputText value="#{message['cobranza.distrito']}" />
						<h:outputText value="#{seguimientoCobranzaOpera.objcliente.telftrabajo}" />
						<h:outputText value="#{message['cobranza.empresa']}" />
						<h:outputText value="#{seguimientoCobranzaOpera.objcliente.empresatrabajo}" />
						<h:outputText value="#{message['cobranza.cargo']}" />
						<h:outputText value="#{seguimientoCobranzaOpera.objcliente.cargotrabajo}" />
						<h:outputText value="#{message['cobranza.lista.tipo']}" />
						<h:outputText value="#{seguimientoCobranzaOpera.objcliente.tbTipoCliente.descripcion}" style="font-weight:bold"/>
						
						<h:outputText value="Calificación Equifax" rendered="#{seguimientoCobranzaOpera.objcliente.tbCalificacion!=null}" />
						<c:if test="#{seguimientoCobranzaOpera.objcliente.tbCalificacion.idcalificacion==1 or seguimientoCobranzaOpera.objcliente.tbCalificacion.idcalificacion==2  or seguimientoCobranzaOpera.objcliente.tbCalificacion.idcalificacion==7 }">
							<img src="#{request.contextPath}/images/1.png"  style="height: 55px; width: 55px  " />
						</c:if>
						<c:if test="#{seguimientoCobranzaOpera.objcliente.tbCalificacion.idcalificacion==3 or seguimientoCobranzaOpera.objcliente.tbCalificacion.idcalificacion==4}">
							<img src="#{request.contextPath}/images/2.png"  style="height: 55px; width: 55px  " />
						</c:if>
						<c:if test="#{seguimientoCobranzaOpera.objcliente.tbCalificacion.idcalificacion==5 or seguimientoCobranzaOpera.objcliente.tbCalificacion.idcalificacion==6}">
							<img src="#{request.contextPath}/images/3.png"  style="height: 55px; width: 55px  " />
						</c:if>
						<h:outputText value="#{message['cobranza.telefonos']}" />
						</h:panelGrid>
						<p:dataTable value="#{seguimientoCobranzaOpera.listatelefono}" var="t"
							rowStyleClass="#{t.operadorTelefonico eq 'Claro' ? 'colorRojo': (t.operadorTelefonico eq 'Movistar' ? 'colorCeleste': 'color3') }"
							id="DetalleTelefono"  widgetVar="telefonotable" emptyMessage="#{message['rsltd.empty']}">
							<f:facet name="header"/>
							<p:column>
								<f:facet name="header">
									<h:outputText value="#{message['cobranza.telefono']}" />
								</f:facet>
								<h:outputText value="#{t.telefono}" />
							</p:column>
							<p:column>
								<f:facet name="header">
									<h:outputText value="#{message['cobranza.tipo']}" />
								</f:facet>
								<h:outputText value="#{t.tipoTelef}" />
							</p:column>
							<p:column>
								<f:facet name="header">
									<h:outputText value="#{message['cobranza.operadora']}" />
								</f:facet>
								<h:outputText value="#{t.operadorTelefonico}" />
							</p:column>
							<p:column>
								<f:facet name="header">
									<h:outputText value="#{message['cobranza.desc']}" />
								</f:facet>
								<h:outputText value="#{t.descTelefono}" />
							</p:column>
						</p:dataTable>
				</p:fieldset>
				
				<p:fieldset legend="#{message['cobranza.pagos']}" style="margin-top:20px">
					<h:panelGrid columns="2"  cellpadding="4" >
						<h:outputText value="#{message['cobranza.empresa']}" />
						<h:outputText value="#{seguimientoCobranzaOpera.objContrato.tbEmpresa.descripcion}" style="font-weight:bold"  />
						<h:outputText value="#{message['cobranza.num.cuenta']}" />
						<h:outputText value="#{seguimientoCobranzaOpera.objContrato.tbEmpresa.numcuenta}"  style="font-weight:bold; font-size: x-large "/>
						<h:outputText value="#{message['cobranza.empresa.telefonos']}" />
						<h:outputText value="#{seguimientoCobranzaOpera.objContrato.tbEmpresa.numtelefono}" style="font-weight:bold" />
					</h:panelGrid>
					<p:dataTable value="#{seguimientoCobranzaOpera.detallePagos}" var="p" id="DetallePagos"
						rowStyleClass="#{seguimientoCobranzaOpera.fechoy le  p.fecvencimiento  ? null: (empty p.fecpago? 'colorRojo' : 'colorVerde')}"
						widgetVar="pagostable" emptyMessage="#{message['rsltd.empty']}">
						<p:column>
							<f:facet name="header">
								<h:outputText value="#{message['cobranza.cuotas']}" />
							</f:facet>
							<h:outputText value="#{p.numletra}" />
						</p:column>
						<p:column>
							<f:facet name="header">
								<h:outputText value="#{message['cobranza.monto']}" />
							</f:facet>
							<h:outputText value="#{p.impinicial}" />
						</p:column>
						<p:column>
							<f:facet name="header">
								<h:outputText value="Importe + Mora" />
							</f:facet>
							<h:outputText value="#{p.importemasmora}" />
						</p:column>
						<p:column>
							<f:facet name="header">
								<h:outputText value="#{message['cobranza.fec.vencimiento']}" />
							</f:facet>
							<h:outputText value="#{p.fechaVencimientoString}" />
						</p:column>
						<p:column>
							<f:facet name="header">
								<h:outputText value="#{message['cobranza.fec.pago']}" />
							</f:facet>
							<h:outputText value="#{p.fechaPagoString}" />
						</p:column>
					</p:dataTable>
			    <h:outputText value="#{message['cobranza.total.apagar']}" />
			    <p:inputText value="#{seguimientoCobranzaOpera.totalacumulado}" readonly="true" />
				</p:fieldset>
				<p:fieldset legend="#{message['cobranza.productos']}" style="margin-top:20px">
					<p:dataTable
						value="#{seguimientoCobranzaOpera.productoContratoList}" var="r"
						widgetVar="pagostable" rowStyleClass="#{r.tbEstadoGeneral.idestadogeneral ==70 ? 'colorRojo':  'null' }" 
						emptyMessage="#{message['rsltd.empty']}">
						<f:facet name="header"/>
						<p:column>
							<f:facet name="header">
								<h:outputText value="#{message['cobranza.descripcion']}" />
							</f:facet>
							<h:outputText value="#{r.tbProducto.descripcionproducto}" />
						</p:column>
						<p:column>
							<f:facet name="header">
								<h:outputText value="#{message['cobranza.cantidad']}" />
							</f:facet>
							<h:outputText value="#{r.cantidad}" />
						</p:column>
						<p:column>
							<f:facet name="header">
								<h:outputText value="#{message['cobranza.estado']}" />
							</f:facet>
							<h:outputText value="#{r.tbEstadoGeneral.descripcion}" />
						</p:column>
					</p:dataTable>
				</p:fieldset>
			</h:panelGrid>
			<p:panel header="#{message['cobranza.registro']}" id="panel" >
			<h:panelGrid columns="3" cellpadding="5">
			
			<p:fieldset legend="#{message['cobranza.historico.observaciones']}" style="margin-top:30px;width:350px"   >
				<h:panelGrid >
					<p:dataTable value="#{seguimientoCobranzaOpera.lstHistorico}" var="k" paginator="true" rows="3"  >
						<p:column style="width:2%" >
						<div  class="ui-messages-info ui-corner-all">
							<div  class="ui-messages-info-summary"  >#{k.usuariocreacion}</div>
							<div  class="ui-messages-info-detail"  >#{k.observacion} </div>
						</div>
						</p:column>
					</p:dataTable>
				</h:panelGrid>
			</p:fieldset>
			
			<p:fieldset legend="#{message['cobranza.registro']}" style="margin-top:30px"   >
				<h:panelGrid columns="2" cellpadding="4">
					<p:outputLabel value="#{message['operadora.tipollamada']}" for="tipo" />
					<p:selectOneMenu id="tipo" filter="true" value="#{seguimientoCobranzaOpera.tipollamada}" required="true"
						requiredMessage="#{message['operadora.tipollamada.validation']}">
						<f:selectItem itemValue="#{null}" itemLabel=" Ninguna " />
						<f:selectItems value="#{comboAction.tipollamada}" />
						<p:ajax update="panel" />
					</p:selectOneMenu>
					
					<p:outputLabel value="#{message['operadora.observacion']}" for="observacion" />
					<p:inputTextarea id="observacion" value="#{seguimientoCobranzaOpera.objCobranzaOpera.observaciones}"
						rows="3" cols="35" maxlength="500" label="Correo" autoResize="false" />
					
					<h:outputText value="Promesa de pago" />
					<p:calendar value="#{seguimientoCobranzaOpera.objCobranzaOpera.fechapromesapago}" pattern="dd/mm/yyyy" locale="pe"/>
					
					<h:outputText value="#{message['operadora.volver.llamar']}" />
					<p:calendar value="#{seguimientoCobranzaOpera.fechaProgramada}" pattern="dd/mm/yyyy HH:mm" locale="pe"/>
					
					<p:outputLabel value="#{message['operadora.incidencia']}" for="incidencia" />
					<p:selectOneMenu id="incidencia" filter="true" value="#{seguimientoCobranzaOpera.idincidencia}" >
						<f:selectItem itemValue="#{null}" itemLabel="Seleccione una incidencia" />
						<f:selectItems value="#{comboAction.incidenteitems}" />
					</p:selectOneMenu>
					
					<f:facet name="footer">
						<p:commandButton id="btn" value="#{message['cobranza.guardar']}" update="listaPersonas, message"
						action="#{seguimientoCobranzaOpera.insertar}" ajax="false" icon="ui-icon-comment" />
					</f:facet>
				</h:panelGrid>
			</p:fieldset>
			
			<p:fieldset legend="Cita con Cliente" style="margin-top:30px" rendered="#{seguimientoCobranzaOpera.tipollamada==2}" >
					<h:outputText value="#{message['cobranza.programar.cita']}" />
					<h:panelGroup id="outCita" >
					<p:selectBooleanCheckbox value="#{seguimientoCobranzaOpera.programarLlamada}" >
						<p:ajax update="outCita" />
					</p:selectBooleanCheckbox> 
						<p:calendar value="#{seguimientoCobranzaOpera.fechaProgramada}" rendered="#{seguimientoCobranzaOpera.programarLlamada==true}" pattern="dd/mm/yyyy HH:mm" locale="pe"/>
					</h:panelGroup>
			</p:fieldset>
			
			<p:fieldset legend="#{message['cobranza.historico.refinanciado']}" style="margin-top:30px" rendered="#{seguimientoCobranzaOpera.tipollamada==11}" >
				<h:panelGrid columns="2" id="pgref" >
				<p:selectOneRadio id="options" value="#{seguimientoCobranzaOpera.idRefi}">
					<f:selectItem itemLabel="Promoción" itemValue="1" />
					<f:selectItem itemLabel="Personalizado" itemValue="2" />
					<p:ajax update="pgref" />
				</p:selectOneRadio>
				<p:spacer/>
				<h:panelGrid rendered="#{seguimientoCobranzaOpera.idRefi==1}" cellpadding="5" >
				<h:outputText value="Promoción de Refinanciación" />
				<p:selectOneMenu filter="true" value="#{seguimientoCobranzaOpera.idtiporefinan}" required="true" >
					<f:selectItem itemValue="#{null}" itemLabel="Seleccione una refinanciación" />
					<f:selectItems value="#{comboAction.tiporefinaitems}" />
				</p:selectOneMenu>
				<h:outputText value="#{message['cobranza.fecha.cuotas.restantes']}" />
				<p:calendar value="#{seguimientoCobranzaOpera.fechaProgramRest}" required="true" pattern="dd/mm/yyyy" locale="pe" />
				</h:panelGrid>
					
				<h:panelGrid rendered="#{seguimientoCobranzaOpera.idRefi==2}">
					<h:outputText value="#{message['cobranza.primera.cuota']}" />
					<p:inputText value="#{seguimientoCobranzaOpera.objRefinanPago.impapagar}" required="true"/>
					<h:outputText value="#{message['cobranza.fecha.programada']}" />
					<p:calendar value="#{seguimientoCobranzaOpera.objRefinanPago.fechaprogramada}" pattern="dd/mm/yyyy" required="true" locale="pe"  />
					
					<h:outputText value="#{message['cobranza.cuotas.restantes']}" />
					<p:inputText value="#{seguimientoCobranzaOpera.cantcuotasrest}" required="true"/>
					<h:outputText value="#{message['cobranza.monto']}" />
					<p:inputText value="#{seguimientoCobranzaOpera.montoRestantes}" required="true"/>
				</h:panelGrid>
				<f:facet name="footer">
					<p:commandButton value="#{message['cobranza.guardar']}" update="listaRefinancio" 
					action ="#{seguimientoCobranzaOpera.registrarRefinanciacion}" ajax="false"  />
				</f:facet>
				</h:panelGrid>
				
				<p:dataTable value="#{seguimientoCobranzaOpera.detallePagosRefinan}" var="p" id="listaRefinancio"
					rowStyleClass="#{seguimientoCobranzaOpera.fechoy le  p.fecvencimiento  ? null: (empty p.fecpago? 'colorRojo' : 'colorVerde')}"
					widgetVar="pagostable" emptyMessage="#{message['rsltd.empty']}">
					<p:column>
						<f:facet name="header">
							<h:outputText value="#{message['cobranza.cuotas']}" />
						</f:facet>
						<h:outputText value="#{p.numletra}" />
					</p:column>
					<p:column>
						<f:facet name="header">
							<h:outputText value="#{message['cobranza.monto']}" />
						</f:facet>
						<h:outputText value="#{p.impinicial}" />
					</p:column>
					<p:column>
						<f:facet name="header">
							<h:outputText value="#{message['cobranza.fec.vencimiento']}" />
						</f:facet>
						<h:outputText value="#{p.fechaVencimientoString}" />
					</p:column>
					<p:columnGroup type="footer">
					<p:row>
                    <p:column footerText="Total a pagar: " style="text-align:right"/>  
                    <p:column footerText="#{seguimientoCobranzaOpera.totalacumulafoRefi}" />
                    </p:row>
                    </p:columnGroup>
				</p:dataTable>
			</p:fieldset>
			</h:panelGrid>
			</p:panel>
			</p:fieldset>
		</h:form>
	</ui:define>
</ui:composition>